#include("./header.html")
#@header("page")

<main class="py-4 py-lg-5">
    <div class="container">
        <div class="row justify-content-lg-center">
            <div class="col-12 col-lg-9">
                <section class="post-header py-4 ">
                    <h1 class="title h3 font-weight-bold font-theme">#(page.title)</h1>
                    <div class="meta text-sm text-muted mt-4">
                        <span class="d-inline-block pr-3">#date(page.created, "yyyy-MM-dd")</span>
                    </div>
                    <!-- .page-header -->
                </section>
                <section class="position-relative">
                    <div class="">
                        <div class="post-social d-none d-lg-block">
                            <div class="theiaStickySidebar">
                                <ul class="my-n2">
                                    <li class="py-2"><span class="text-muted"><i
                                            class="iconfont icon-navigation-outline2"></i></span></li>
                                    <li class="py-2"><a
                                            href="https://connect.qq.com/widget/shareqq/index.html?url=#(CPATH)#(page.url ??)&title=#(page.title)&pics=#(page.thumbnail ??)&summary=#maxLength(page.text,115)"
                                            target="_blank" class="btn btn-light w-40 px-0 qq "><i
                                            class="iconfont icon-qq"></i></a></li>
                                    <li class="py-2"><a
                                            href="https://service.weibo.com/share/share.php?url=#(CPATH)#(page.url ??)&type=button&language=zh_cn&title=【#(page.title)】#maxLength(page.text,115)&pic=#(page.thumbnail ??)&searchPic=true"
                                            target="_blank" class="btn btn-light w-40 px-0 weibo "><i
                                            class="iconfont icon-weibo"></i></a></li>
                                    <li class="py-2"><a href="javascript:"
                                                        data-img="http://api.k780.com:88/?app=qr.get&level=L&size=5&data=#(CPATH)#(page.url ??)"
                                                        data-title="微信扫一扫 分享朋友圈" data-desc="在微信中请长按二维码" target="_blank"
                                                        class="btn btn-light w-40 px-0 single-popup weixin "><i
                                            class="iconfont icon-weixin"></i></a></li>
                                    <li class="py-2"><a href="#comments" class="btn btn-light w-40 px-0"><i
                                            class="iconfont icon-message-circle-outli1"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="post item item-regular post-4148 type-post status-publish format-standard has-post-thumbnail hentry category-trip tag-1009 special-rzcs">
                        <div class="content-style content content-body">
                            #(page.content)
                        </div>


                        <div class="d-block d-lg-none post-share text-center mt-4 mt-lg-5">
                            <ul>
                                <li class="d-inline-block px-1"><a
                                        href="https://connect.qq.com/widget/shareqq/index.html?url=#(CPATH)#(page.url ??)&title=#(page.title)&pics=#(page.thumbnail ??)&summary=#maxLength(page.text,65)" target="_blank" class="btn btn-light qq w-40 px-0 rounded-circle"><i
                                        class="iconfont icon-qq"></i></a></li>
                                <li class="d-inline-block px-1"><a
                                        href="https://service.weibo.com/share/share.php?url=#(CPATH)#(page.url ??)&type=button&language=zh_cn&title=【#(page.title)】#maxLength(page.text,115)&pic=#(page.thumbnail ??)&searchPic=true"
                                        target="_blank" class="btn btn-light weibo w-40  px-0 rounded-circle"><i
                                        class="iconfont icon-weibo"></i></a></li>
                                <li class="d-inline-block px-1"><a href="javascript:"
                                                                   data-img="http://api.k780.com:88/?app=qr.get&level=L&size=5&data=#(CPATH)#(page.url ??)"
                                                                   target="_blank"
                                                                   class="btn btn-light weixin w-40 px-0 single-weixin rounded-circle"><i
                                        class="iconfont icon-weixin"></i></a></li>
                                <li class="d-inline-block px-1"><a id="btn-bigger-cover" href="javascript:;"
                                                                   data-id="4148"
                                                                   class="btn btn-light w-40 px-0 rounded-circle btn-bigger-cover"><i
                                        class="iconfont icon-image-"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </section>
                <div id="comments" class="nice-comments py-5">
                    <div id="vcomments"></div>
                    <script>
                        new Valine({
                            el: '#vcomments',
                            avatar: '',
                            recordIP: true,
                            appId: '',
                            appKey: ''
                        })
                    </script>
                </div>
                <!-- #comments -->
            </div>
        </div>
</main>

#include("./footer.html")
#@footer("post")